@charset "utf-8";
@import "reset";
@import "iconfont";
@import "common";
.content {
    position: absolute;
    top: r(90px);
    bottom: r(95px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    .tit{
        width:90%;
        margin: 0 auto;
        padding-top: 5%;
        >h1{
           font-size: r(30px); 
        }
        >span{
          font-size: r(22px);
          color: #C5C5C5;
          >a{
            font-size: r(22px);
            color: #C5C5C5;
            text-decoration: none;
          }   
        }
        >p{
            color: #727171;
            font-size: r(22px);
            padding-bottom: 2%;
        }
        .pp{
            width: 100%;
            margin-bottom: 3%;
            >img{
                width: 100%;
            }
        }
        >h3{
            color: #727171;
            font-size:r(26px) ;
        }
        >section{
            width: 100%;
            margin: 0 auto;
            display: flex;
            height: 88px;
            margin-top: 2%;
            justify-content: space-between;
            background: #B20000;
            >div{
                 padding:r(12px) 0;
                 width: 100%;
                 height: 88px;
                 text-align: center;
                 display: inline-block;
                >i{
                width: 30%;
                height: 74px;
                color: white;
                font-size:r(40px);
                text-align: center;
                display:inline-block;
                padding: 16px 0;
                vertical-align: top;
                border-right: 1px solid #FFFFFF; ;
                line-height: r(40px);
                &:last-of-type{
                    border-right: none;
                }
                >p{
                  font-size:r(20px);
                }
              }
            }
            
        }
    }
}